<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模块预览</title>
    <link rel="stylesheet" href="dest/css/wxb.css">
</head>
<body>
<div style="background: #fff">
    <ul class="mesList-wrap">
        <!--值班员信息-->
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="img bc-blue3">
                    <i class="fui-font icon-gantanhao1"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    值班员信息
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    黄鹤-研究机构
                    <span class="department">网安局</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
            </div>
            <div class="rightTxt">
                <div class="rightTxt">
                    <div class="center-txt">
                          <span class="center-txt-pa">
                             <i class="fui-font icon-plus"></i>
                             加入选题
                          </span>
                        <span class="center-txt-pa">
                             <i class="fui-font icon-hxzfont08"></i>
                             事件管理
                          </span>
                        <span class="center-txt-pa">
                            <i class="fui-font icon-yujing"></i>
                             预警管理
                        </span>
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="index">
                <div class="checkBox">
                    <input type="checkbox" class="checkR">
                    <div class="checkG"></div>
                </div>
                01
            </div>
            <div class="img-wrap">
                <div class="img bc-blue3">
                    <i class="fui-font icon-gantanhao1"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    值班员信息
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    黄鹤-研究机构
                    <span class="department">网安局</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
            </div>
            <div class="rightTxt">
                <div class="rightTxt">
                    <div class="center-txt">
                          <span class="center-txt-pa">
                             <i class="fui-font icon-plus"></i>
                             加入选题
                          </span>
                        <span class="center-txt-pa">
                             <i class="fui-font icon-hxzfont08"></i>
                             事件管理
                          </span>
                        <span class="center-txt-pa">
                            <i class="fui-font icon-yujing"></i>
                             预警管理
                        </span>
                    </div>
                </div>
            </div>
        </li>
        <!--领导信息-->
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="img bc1">
                    <i class="fui-font icon-gantanhao1"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    Chorme的旧版本被发现远程代码执行漏洞
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    黄鹤-研究机构
                    <span class="department">网安局</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
                <!--<div class="name">-->
                <!--<i class="fui-font icon-time"></i>-->
                <!--创建时间： 2017-12-12-->
                <!--<span class="department">更新时间： 2017-12-12</span>-->
                <!--</div>-->
            </div>
            <div class="rightTxt">
                <div class="top-txt">
                    2017-12-12
                </div>
            </div>
        </li>
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status pending">
                    待办
                </div>
                <div class="img bc2">
                    <i class="fui-font icon-wenjian"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    Chorme的旧版本被发现远程代码执行漏洞
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    填报人：于梦-值班员
                    <span class="department fontGray">2017-12-12</span>
                </div>
            </div>
            <div class="rightTxt">
                <div class="center-txt">
                    <div class="center-txt-pa">
                        <i class="fui-font icon-gantanhao"></i>
                        详情
                    </div>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status done">
                    办结
                </div>
                <div class="img bc2">
                    <i class="fui-font icon-gantanhao1"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    Chorme的旧版本被发现远程代码执行漏洞
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    填报人：于梦-值班员
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
            </div>
            <div class="rightTxt">
                <div class="top-txt">2017-12-12</div>
                <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-hxzfont08"></i>
                    时间管理
                </span>
                    <span class="center-txt-pa">
                     <i class="fui-font icon-yujing"></i>
                    预警管理
                </span>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status done">
                    办结
                </div>
                <div class="img bc2">
                    <i class="fui-font icon-wenjian"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    Chorme的旧版本被发现远程代码执行漏洞
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    填报人：于梦-值班员
                    <span class="department fontGray">2017-12-12</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
            </div>
            <div class="rightTxt">
                <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-hxzfont08"></i>
                    时间管理
                </span>
                    <span class="center-txt-pa">
                     <i class="fui-font icon-yujing"></i>
                    预警管理
                </span>
                </div>
            </div>
        </li>
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status pending">
                    待办
                </div>
                <div class="img bc2">
                    <i class="fui-font icon-wenjian"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    零报告
                </div>
                <div class="name">
                    <i class="fui-font icon-rl"></i>
                    报告周期：2017-12-12至2017-12-12
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    批准人：于梦-值班员
                    <span class="department">中央网信办</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-time"></i>
                    发布时间：&nbsp;2017-12-12
                </div>
            </div>
            <div class="rightTxt">
                <div class="top-txt">
                    2017-12-12
                </div>
                <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-gantanhao"></i>
                    详情
                </span>
                </div>
            </div>
        </li>
        <!--历史信息-->
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status done">
                    办结
                </div>
                <div class="img bc1">
                    <i class="fui-font icon-gantanhao1"></i>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    Chorme的旧版本被发现远程代码执行漏洞
                    <i class="fui-font icon-fujian"></i>
                    <div class="title-status">推送</div>
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    填报人：于梦-值班员
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    多变关系
                </div>
            </div>
            <div class="rightTxt">
                <div class="top-txt">2017-12-12</div>
                <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-hxzfont08"></i>
                    时间管理
                </span>
                    <span class="center-txt-pa">
                     <i class="fui-font icon-yujing"></i>
                    预警管理
                </span>
                </div>
            </div>
        </li>
        <!--事件-->
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status pending">
                    待办
                </div>
                <div class="img bc-blue">
                    <div>
                        <i class="fui-font icon-hxzfont08"></i>
                    </div>
                    <div class="title-c">非常重大</div>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    事件管理
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    批准人：于梦-值班员
                    <span class="department">中央网信办</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    恶意代码
                </div>
                <div class="name">
                    <i class="fui-font icon-time"></i>
                    创建时间：&nbsp;2017-12-12
                    <span class="department">
                    更新时间：&nbsp;2017-12-12
                </span>
                </div>
            </div>
            <div class="rightTxt">
                <div class="top-txt">
                    处领导审批
                </div>
                <div class="center-txt">
                <span class="center-txt-pa">
                    <i class="fui-font icon-gantanhao"></i>
                    详情
                </span>
                </div>
            </div>
        </li>
        <!--预警-->
        <li class="item">
            <div class="index">
                01
            </div>
            <div class="img-wrap">
                <div class="status pending">
                    待办
                </div>
                <!--warn0 warn1 warn2 warn3 warn4-->
                <div class="img bc-orange warn1">
                    <div>
                        <i class="fui-font icon-yujing"></i>
                    </div>
                    <div class="title-c">
                        橙色预警
                    </div>
                </div>
            </div>
            <div class="contentWrap">
                <div class="title">
                    预警管理
                </div>
                <div class="name">
                    <i class="fui-font icon-people"></i>
                    批准人：于梦-值班员
                    <span class="department">中央网信办</span>
                </div>
                <div class="name">
                    <i class="fui-font icon-leixing"></i>
                    恶意代码
                </div>
                <div class="name">
                    <i class="fui-font icon-time"></i>
                    创建时间：&nbsp;2017-12-12
                    <span class="department">
                    更新时间：&nbsp;2017-12-12
                </span>
                </div>
            </div>
            <div class="rightTxt">
                <div class="top-txt">
                    处领导审批
                </div>
                <div class="center-txt">
                <span class="center-txt-pa">
                    <i class="fui-font icon-gantanhao"></i>
                    详情
                </span>
                </div>
            </div>
        </li>
    </ul>
</div>


<template id="safeDyList">
    <ng-repeat repeat="">
        <li>
            <div class="sl-num">1</div>
            <div class="sl-main">
                <div class="sl-bd">
                    <h3><a href="">Chorme的旧版本被发现远程代码执行漏洞</a></h3>
                    <p>漏洞</p>
                </div>
                <div class="sl-other">安天</div>
                <div class="sl-other">安天</div>
                <div class="sl-time">2017-10-16</div>
            </div>
        </li>
    </ng-repeat>
</template>

<!-- 信息中心-今日信息-->
<template>
    <li class="item">
        <div class="index">
            01
        </div>
        <div class="img-wrap">
            <div class="img bc1">
                <i class="fui-font icon-gantanhao1"></i>
            </div>
        </div>
        <div class="contentWrap">
            <div class="title">
                Chorme的旧版本被发现远程代码执行漏洞
                <i class="fui-font icon-fujian"></i>
                <div class="title-status">推送</div>
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                黄鹤-研究机构
                <span class="department">网安局</span>
            </div>
            <div class="name">
                <i class="fui-font icon-leixing"></i>
                多变关系
            </div>
            <!--<div class="name">-->
            <!--<i class="fui-font icon-time"></i>-->
            <!--创建时间： 2017-12-12-->
            <!--<span class="department">更新时间： 2017-12-12</span>-->
            <!--</div>-->
        </div>
        <div class="rightTxt">
            <div class="top-txt">
                2017-12-12
            </div>
        </div>
    </li>
</template>

<!-- 信息中心-今日快报 待办-->
<template>
    <li class="item">
        <div class="index">
            01
        </div>
        <div class="img-wrap">
            <div class="status pending">
                待办
            </div>
            <div class="img bc2">
                <i class="fui-font icon-wenjian"></i>
            </div>
        </div>
        <div class="contentWrap">
            <div class="title">
                Chorme的旧版本被发现远程代码执行漏洞
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                填报人：于梦-值班员
                <span class="department fontGray">2017-12-12</span>
            </div>
        </div>
        <div class="rightTxt">
            <div class="center-txt">
                <div class="center-txt-pa">
                    <i class="fui-font icon-gantanhao"></i>
                    详情
                </div>
            </div>
        </div>
    </li>
</template>

<!-- 信息中心-今日快报 办结-->
<template>
    <li class="item">
        <div class="index">
            01
        </div>
        <div class="img-wrap">
            <div class="status done">
                办结
            </div>
            <div class="img bc2">
                <i class="fui-font icon-wenjian"></i>
            </div>
        </div>
        <div class="contentWrap">
            <div class="title">
                Chorme的旧版本被发现远程代码执行漏洞
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                填报人：于梦-值班员
                <span class="department fontGray">2017-12-12</span>
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                批准人：于梦-值班员
                <span class="department fontGray">2017-12-12</span>
            </div>
        </div>
        <div class="rightTxt">
            <div class="center-txt">
                <div class="center-txt-pa">
                    <i class="fui-font icon-gantanhao"></i>
                    详情
                </div>
            </div>
        </div>
    </li>
</template>

<!-- 信息中心-历史信息-->
<template>
    <li class="item">
        <div class="index">
            01
        </div>
        <div class="img-wrap">
            <div class="status done">
                办结
            </div>
            <div class="img bc1">
                <i class="fui-font icon-gantanhao1"></i>
            </div>
        </div>
        <div class="contentWrap">
            <div class="title">
                Chorme的旧版本被发现远程代码执行漏洞
                <i class="fui-font icon-fujian"></i>
                <div class="title-status">推送</div>
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                填报人：于梦-值班员
            </div>
            <div class="name">
                <i class="fui-font icon-leixing"></i>
                多变关系
            </div>
        </div>
        <div class="rightTxt">
            <div class="top-txt">2017-12-12</div>
            <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-hxzfont08"></i>
                    时间管理
                </span>
                <span class="center-txt-pa">
                     <i class="fui-font icon-yujing"></i>
                    预警管理
                </span>
            </div>
        </div>
    </li>
</template>

<!-- 零报告-->
<template>
    <li class="item">
        <div class="index">
            01
        </div>
        <div class="img-wrap">
            <div class="status pending">
                待办
            </div>
            <div class="img bc2">
                <i class="fui-font icon-wenjian"></i>
            </div>
        </div>
        <div class="contentWrap">
            <div class="title">
                零报告
            </div>
            <div class="name">
                <i class="fui-font icon-rl"></i>
                报告周期：2017-12-12至2017-12-12
            </div>
            <div class="name">
                <i class="fui-font icon-people"></i>
                批准人：于梦-值班员
                <span class="department">中央网信办</span>
            </div>
            <div class="name">
                <i class="fui-font icon-time"></i>
                发布时间：&nbsp;2017-12-12
            </div>
        </div>
        <div class="rightTxt">
            <div class="top-txt">
                2017-12-12
            </div>
            <div class="center-txt">
                <span class="center-txt-pa">
                     <i class="fui-font icon-gantanhao"></i>
                    详情
                </span>
            </div>
        </div>
    </li>
</template>

</body>
</html>
